<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css"/>
    <script type="text/javascript" src="jquery-1.11.3.js"></script>
    <script type="text/javascript" src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</head>
<body>
<div class="row">
    <div class="col-xs-6 col-md-3">
        <div href="#" class="thumbnail">
            <img src="shiyan.jpg" alt=""/>
            <div class="caption">
                <h3>标题</h3>
                <p>这是内容</p>
            </div>
        </div>
    </div> <div class="col-xs-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="shiyan.jpg" alt=""/>
        </a>
    </div> <div class="col-xs-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="shiyan.jpg" alt=""/>
        </a>
    </div> <div class="col-xs-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="shiyan.jpg" alt=""/>
        </a>
    </div>
</div>
</body>
</html>